<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/pages/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <title>左侧导航</title>
    <%--  <link rel='stylesheet' type='text/css' href='${ctxStatic}/vendor/plugins/bootstrap/2.3.1/css_united/bootstrap.css'> --%>
    <style type='text/css'>
		.pagination {
		  margin: 20px 0;
		}
		
		.pagination ul {
		  display: inline-block;
		  *display: inline;
		  margin-bottom: 0;
		  margin-left: 0;
		  -webkit-border-radius: 4px;
		     -moz-border-radius: 4px;
		          border-radius: 4px;
		  *zoom: 1;
		  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		}
		
		.pagination ul > li {
		  display: inline;
		}
		
		.pagination ul > li > a,
		.pagination ul > li > span {
		  float: left;
		  padding: 4px 12px;
		  line-height: 20px;
		  text-decoration: none;
		  background-color: #ffffff;
		  border: 1px solid #dddddd;
		  border-left-width: 0;
		}
		
		.pagination ul > li > a:hover,
		.pagination ul > li > a:focus,
		.pagination ul > .active > a,
		.pagination ul > .active > span {
		  background-color: #f5f5f5;
		}
		
		.pagination ul > .active > a,
		.pagination ul > .active > span {
		  color: #999999;
		  cursor: default;
		}
		
		.pagination ul > .disabled > span,
		.pagination ul > .disabled > a,
		.pagination ul > .disabled > a:hover,
		.pagination ul > .disabled > a:focus {
		  color: #999999;
		  cursor: default;
		  background-color: transparent;
		}
		
		.pagination ul > li:first-child > a,
		.pagination ul > li:first-child > span {
		  border-left-width: 1px;
		  -webkit-border-bottom-left-radius: 4px;
		          border-bottom-left-radius: 4px;
		  -webkit-border-top-left-radius: 4px;
		          border-top-left-radius: 4px;
		  -moz-border-radius-bottomleft: 4px;
		  -moz-border-radius-topleft: 4px;
		}
		
		.pagination ul > li:last-child > a,
		.pagination ul > li:last-child > span {
		  -webkit-border-top-right-radius: 4px;
		          border-top-right-radius: 4px;
		  -webkit-border-bottom-right-radius: 4px;
		          border-bottom-right-radius: 4px;
		  -moz-border-radius-topright: 4px;
		  -moz-border-radius-bottomright: 4px;
		}
		
		.pagination-centered {
		  text-align: center;
		}
		
		.pagination-right {
		  text-align: right;
		}
		
		.pagination-large ul > li > a,
		.pagination-large ul > li > span {
		  padding: 11px 19px;
		  font-size: 17.5px;
		}
		
		.pagination-large ul > li:first-child > a,
		.pagination-large ul > li:first-child > span {
		  -webkit-border-bottom-left-radius: 6px;
		          border-bottom-left-radius: 6px;
		  -webkit-border-top-left-radius: 6px;
		          border-top-left-radius: 6px;
		  -moz-border-radius-bottomleft: 6px;
		  -moz-border-radius-topleft: 6px;
		}
		
		.pagination-large ul > li:last-child > a,
		.pagination-large ul > li:last-child > span {
		  -webkit-border-top-right-radius: 6px;
		          border-top-right-radius: 6px;
		  -webkit-border-bottom-right-radius: 6px;
		          border-bottom-right-radius: 6px;
		  -moz-border-radius-topright: 6px;
		  -moz-border-radius-bottomright: 6px;
		}
		
		.pagination-mini ul > li:first-child > a,
		.pagination-small ul > li:first-child > a,
		.pagination-mini ul > li:first-child > span,
		.pagination-small ul > li:first-child > span {
		  -webkit-border-bottom-left-radius: 3px;
		          border-bottom-left-radius: 3px;
		  -webkit-border-top-left-radius: 3px;
		          border-top-left-radius: 3px;
		  -moz-border-radius-bottomleft: 3px;
		  -moz-border-radius-topleft: 3px;
		}
		
		.pagination-mini ul > li:last-child > a,
		.pagination-small ul > li:last-child > a,
		.pagination-mini ul > li:last-child > span,
		.pagination-small ul > li:last-child > span {
		  -webkit-border-top-right-radius: 3px;
		          border-top-right-radius: 3px;
		  -webkit-border-bottom-right-radius: 3px;
		          border-bottom-right-radius: 3px;
		  -moz-border-radius-topright: 3px;
		  -moz-border-radius-bottomright: 3px;
		}
		
		.pagination-small ul > li > a,
		.pagination-small ul > li > span {
		  padding: 2px 10px;
		  font-size: 11.9px;
		}
		
		.pagination-mini ul > li > a,
		.pagination-mini ul > li > span {
		  padding: 0 6px;
		  font-size: 10.5px;
		}
		
		.pager {
		  margin: 20px 0;
		  text-align: center;
		  list-style: none;
		  *zoom: 1;
		}
		
		.pager:before,
		.pager:after {
		  display: table;
		  line-height: 0;
		  content: "";
		}
		
		.pager:after {
		  clear: both;
		}
		
		.pager li {
		  display: inline;
		}
		
		.pager li > a,
		.pager li > span {
		  display: inline-block;
		  padding: 5px 14px;
		  background-color: #fff;
		  border: 1px solid #ddd;
		  -webkit-border-radius: 15px;
		     -moz-border-radius: 15px;
		          border-radius: 15px;
		}
		
		.pager li > a:hover,
		.pager li > a:focus {
		  text-decoration: none;
		  background-color: #f5f5f5;
		}
		
		.pager .next > a,
		.pager .next > span {
		  float: right;
		}
		
		.pager .previous > a,
		.pager .previous > span {
		  float: left;
		}
		
		.pager .disabled > a,
		.pager .disabled > a:hover,
		.pager .disabled > a:focus,
		.pager .disabled > span {
		  color: #999999;
		  cursor: default;
		  background-color: #fff;
		}
		.pagination {margin:8px 0;} .pagination .controls a{border:0;}
		.pagination .controls input{border:0;color:#999;width:30px;padding:0;margin:-3px 0 0 0;text-align:center;}
    </style>
</head>

<body>
	<div class="pagination">${page}</div>
	<script type="text/javascript">
	//jQuery(document).ready(function () {
		
		$(".admin-form").append('<input name="pageNo" type="hidden" value="${page.pageNo}"/>')
				.append('<input name="pageSize" type="hidden" value="${page.pageSize}"/>');
		function page(n,s){
			$("input[name='pageNo']").val(n);
			$("input[name='pageSize']").val(s);
			$(".admin-form").submit();
	    	return false;
	    }
    //});
	</script>
</body>
</html>
